<script setup lang="ts">
import { ref } from "vue";
import BasicSettings from "./BasicSettings.vue";
import ModelMan from "./ModelMan.vue";
const version = ref(import.meta.env.VITE_APP_VERSION);
const activeTab = ref("basic");
</script>

<template>
  <el-container>
    <el-main>
      <el-tabs v-model="activeTab">
        <el-tab-pane label="基本设置" name="basic">
          <BasicSettings />
        </el-tab-pane>
        <el-tab-pane label="模型管理" name="advanced">
          <ModelMan />
        </el-tab-pane>
      </el-tabs>
    </el-main>
    <el-footer class="set-footer">
      <el-button text type="primary">意见反馈: mkw666311@163.com</el-button>
      <el-text> 当前版本: {{ version }}</el-text>
    </el-footer>
  </el-container>
</template>
<style lang="scss" scoped>
.set-header {
  display: flex;
  justify-content: end;
  align-items: center;
}

.set-footer {
  display: flex;
  justify-content: end;
  align-items: center;
}
</style>
